<template>
  <div class="header-bar">
    <div class="location">
      <md-icon type="weizhi" />
      <p>送至：北京八维研修学院</p>
    </div>
    <div class="icon-group">
      <md-icon type="sousuo" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'HeaderBar'
}
</script>

<style lang="scss" scoped>
.header-bar {
  @include wh(100%, 98px);
  @include flex(row, space-between, center);
  background: #fff;
  padding: 0 20px;
  .location {
    @include wh(auto, 100%);
    @include flex(row, flex-start, center);
    p {
      font-size: 24px;
      color: #666;
    }
  }
  .icon-group {
    @include wh(auto, 100%);
    @include flex(row, flex-end, center);
  }
}
</style>
